<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<body>
		<!-- 头部 -->
		<div id="header">
			<div id="header-con">
				
			</div>
		</div>
		
		<!-- banner -->
		<div id="body-con">
			<a href=""><img src="img/body-con.jpg"></a>
		</div>
		
		<!-- 轮播图 -->
		<div id="banner-con">
		    <ul>
		        <li class="li"></li>
		        <li class="li"></li>
		        <li class="li"></li>
		        <li class="li"></li>
				<li class="li"></li>
				<li class="li"></li>
		    </ul>
		</div>
	
		<!-- 销量 -->
		<div id="saletop">
			<div id="saletop-title">
				<h3>销量 TOP</h3>
			</div>
			<div id="saletop-info">
				<div id="saletop-info-con">
					<ul class="saletop-info-con-left">
						<a href="">
							<li>
								总排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top01.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top02.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top03.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
				
						    </li>
						</a>
						<a href="">
							<li>
								剃须刀排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top04.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top05.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top06.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
						    </li>
						</a>
						<a href="">
							<li>
								电吹风排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top01.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top02.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top03.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
						    </li>
						</a>
						<a href="">
							<li>
								理发器排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top01.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top02.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top03.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
						    </li>
						</a>
						<a href="">
							<li>
								毛球修剪器排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top01.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top02.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top03.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
						    </li>
						</a>
						<a href="">
							<li>
								智能插座排行榜
								<div class="saletop-right">
									<div class="saletop-right01">
									    <h1><img src="img/皇冠1.png" ></h1>
										<div class="saletop-right01-content">
											<h2>TOP <b>2</b></h2>
											<div class="img">
												<img src="img/top01.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠2.png" ></h1>
										<div class="saletop-right01-content saletop-right02-content">
											<h2>TOP <b>1</b></h2>
											<div class="img">
												<img src="img/top02.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
									<div class="saletop-right01">
									    <h1><img src="img/皇冠3.png" ></h1>
										<div class="saletop-right01-content saletop-right03-content">
											<h2>TOP <b>3</b></h2>
											<div class="img">
												<img src="img/top03.png" >
											</div>
											<p>飞科剃须刀FS201</p>
										</div>
									</div>
								</div>
						    </li>
						</a>
						<a href="">
							<li>
								熨烫系列排行榜
						    </li>
						</a>
		
					</ul>
				</div>
		    </div>		
		</div>
		
		<!-- 剃须刀 -->
		<div class="shaver">
		        <div class="shaver-tit">
		            <h3>
		                剃须刀
		            </h3>
		            <span>
		                <a href="#">查看更多</a>
		                <img src="img/gd.png" alt="">
		            </span>
		        </div>
		        <div class="shaver-div">
		            <div class="shaver-img at" >
		                <img src="img/s1.png" alt="">
		                <div class="shaver-car">
		                    <img src="img/car.png">
		                </div>
		                <div class="shaver-text">
		                    <span>飞科智能感应剃须刀FS927</span>
		                    <span class="tag">创新黑科技 智能感应式剃须刀</span>
		                    <span class="price">
		                        <span>￥</span>
		                    <strong>299.00</strong>
		                    </span>
		                </div>
		            </div>
		            <div class="shaver-img1 at">
		                <img src="img/s2.png" alt="">
		                <img src="img/bao.png" alt="">
		                <div class="shaver-car">
		                    <img src="img/car.png">
		                </div>
		                <div class="shaver-text">
		                    <span>飞科智能剃须刀FS901</span>
		                    <span class="tag">双层弧面刀网 更贴合 支持USB充电 全身水洗</span>
		                    <span class="price">
		                        <span>￥</span>
		                    <strong>199.00</strong>
		                    </span>
		                </div>
		            </div>
		            <div class="shaver-img2 at">
		                <img src="img/q.png" alt="">
		                <img src="img/new.png">
		                <div class="shaver-car">
		                    <img src="img/car.png">
		                </div>
		                <div class="shaver-text">
		                    <span>飞科剃须刀FS201</span>
		                    <span class="price">
		                        <span>￥</span>
		                    <strong>169.00</strong>
		                    </span>
		                </div>
		            </div>
		            <div class="shaver-img3 at">
		                <img src="img/s3.png" alt="">
		                <img src="img/new.png">
		                <div class="shaver-car">
		                    <img src="img/car.png">
		                </div>
		                <div class="shaver-text">
		                    <span>飞科智能剃须刀FS375</span>
		                    <span class="tag">3刀头 / 1小时快充 / USB充电</span>
		                    <span class="price">
		                        <span>￥</span>
		                    <strong>139.00</strong>
		                    </span>
		                </div>
		            </div>
		            <div class="shaver-img4 at">
		                <img src="img/s4.png" alt="">
		                <div class="shaver-car">
		                    <img src="img/car.png">
		                </div>
		                <div class="shaver-text">
		                    <span>飞科剃须刀FS373</span>
		                    <span class="tag">智能防夹须 / 增加50%接触面 / 智能充电显示</span>
		                    <span class="price">
		                        <span>￥</span>
		                    <strong>89.00</strong>
		                    </span>
		                </div>
		            </div>
		        </div>
		    </div>
	
		<!-- 电吹风 -->
		<div class="hair">
		       <div class="hair-con">
		           <div class="hair-tit">
		               <h3>电吹风</h3>
		               <div>
		                   <span>查看更多</span>
		                   <img src="img/gd.png">
		               </div>
		           </div>
		           <div class="hair-div">
		               <div class="hair-img">
		                   <img src="img/h1.jpg">
		                   <img src="img/new.png">
		                   <div class="hair-text">
		                       <span class="name">飞科智能电吹风FH6286</span>
		                       <span class="tag">旋转调温/LED温度显示/负离子护发</span>
		                       <span class="hair-price">
		                           <span>￥</span>
		                       <strong>299.00</strong>
		                       </span>
		                   </div>
		               </div>
		               <div class="hair-img">
		                   <img src="img/h2.jpg">
		                   <img src="img/new.png">
		                   <div class="hair-text">
		                       <span class="name">飞科电吹风FH6276</span>
		                       <span class="tag">温和快干 / 莫兰迪色 / 多档调节</span>
		                       <span class="hair-price">
		                           <span>￥</span>
		                       <strong>89.00</strong>
		                       </span>
		                   </div>
		               </div>
		               <div class="hair-img">
		                   <img src="img/h3.jpg">
		                   <img src="img/new.png">
		                   <div class="hair-text">
		                       <span class="name">飞科电吹风FH6618</span>
		                       <span class="tag">强劲大功率 / 负离子护发 / 防过热保护</span>
		                       <span class="hair-price">
		                           <span>￥</span>
		                       <strong>69.90</strong>
		                       </span>
		                   </div>
		               </div>
		               <div class="hair-img">
		                   <img src="img/h4.jpg">
		                   <img src="img/new.png">
		                   <div class="hair-text">
		                       <span class="name">飞科电吹风FH6277</span>
		                       <span class="tag">温和快干 / 莫兰迪色 / 多档调节</span>
		                       <span class="hair-price">
		                           <span>￥</span>
		                       <strong>99.00</strong>
		                       </span>
		                   </div>
		               </div>
		               <div class="hair-img">
		                   <img src="img/h5.jpg">
		                   <img src="img/new.png">
		                   <div class="hair-text">
		                       <span class="name">飞科电吹风FH6232</span>
		                       <span class="tag">健康柔风 / 强劲电机 / 折叠手柄</span>
		                       <span class="hair-price">
		                           <span>￥</span>
		                       <strong>59.00</strong>
		                       </span>
		                   </div>
		               </div>
		           </div>
		       </div>
		   </div>
	
		<!-- 理发器 -->
		<div id="haircut-con">
			<div class="haircut-con-top">
				<h3>理发器</h3> 	
				<p>查看更多
				<img src="img/箭头.png" ></p>
			</div>
			<ul>
				<li>		
					<div class="haircut-con-bottom">
						<img src="img/001.png" >
					</div>
					<div class="haircut-con-bottom-content">
						<h3>飞科理发器FC5910</h3>
						<h5>锐角刀头 / 超长续航 / USB充电</h5>
						<p><span>￥</span><b>99.0</b></p>
					</div>
				</li>
				<li>
					<div class="haircut-con-bottom">
						<img src="img/002.png" >
					</div>
					<div class="haircut-con-bottom-content">
						<h3>飞科理发器FC5910</h3>
						<h5>锐角刀头 / 超长续航 / USB充电</h5>
						<p><span>￥</span><b>99.0</b></p>
					</div>
				</li>
				<li>
					<div class="haircut-con-bottom">
						<img src="img/003.png" >
					</div>
					<div class="haircut-con-bottom-content">
						<h3>飞科理发器FC5910</h3>
						<h5>锐角刀头 / 超长续航 / USB充电</h5>
						<p><span>￥</span><b>99.0</b></p>
					</div>
				</li>
				<li>
					<div class="haircut-con-bottom">
						<img src="img/004.png" >
					</div>
					<div class="haircut-con-bottom-content">
						<h3>飞科理发器FC5910</h3>
						<h5>锐角刀头 / 超长续航 / USB充电</h5>
						<p><span>￥</span><b>99.0</b></p>
					</div>
				</li>
				<li> 
					<div class="haircut-con-bottom">
						<img src="img/005.png" >
						<span><img src="img/hot.png" ></span>
					</div>
					<div class="haircut-con-bottom-content">
						<h3>飞科理发器FC5910</h3>
						<h5>锐角刀头 / 超长续航 / USB充电</h5>
						<p><span>￥</span><b>99.0</b></p>
					</div>
				</li>
			</ul>
			
		</div>
	
		<!-- 烫发器 -->
		 <div class="curler">
		        <div class="curler-con">
		            <div class="curler-tit">
		                <h3>烫发器</h3>
		                <div>
		                    <span>查看更多</span>
		                    <img src="img/gd.png">
		                </div>
		            </div>
		            <div class="curler-div">
		                <div class="curler-img">
		                    <div class="left-img">
		                        <img src="img/tf1.jpg">
		                        <img src="img/new.png">
		                    </div>
		                    <div class="right-img">
		                        <div class="name">飞科卷直烫发器FH6855</div>
		                        <div>
		                            <span>。均匀加热 </span>
		                            <span>。防烫支架 </span>
		                            <span>。恒温护发</span>
		                        </div>
		                        <div class="price">
		                            <span>￥</span>
		                            <span>39.90</span>
		                        </div>
		                    </div>
		                </div>
		                <div class="curler-img curler-img1">
		                    <div class="left-img">
		                        <img src="img/tf2.jpg">
		                    </div>
		                    <div class="right-img">
		                        <div class="name">飞科卷直烫发器FH6878</div>
		                        <div>
		                            <span>。恒温护发  </span>
		                            <span>。 转尾电源线  </span>
		                            <span>。 防烫支架</span>
		                        </div>
		                        <div class="price">
		                            <span>￥</span>
		                            <span>49.90</span>
		                        </div>
		                    </div>
		                </div>
		                <div class="curler-img2">
		                    <div class="left-img2">
		                        <img src="img/tf3.jpg">
		                    </div>
		                    <div class="right-img2">
		                        <div class="name">
		                            飞科卷直烫发器FH6856
		                        </div>
		                        <div>
		                            <span>
		                                。陶瓷漆涂层
		                            </span>
		                            <span>
		                                。防烫支架 
		                            </span>
		                            <span>
		                                。 360°旋转尾线
		                            </span>
		                        </div>
		                        <div class="price">
		                            <span>￥</span>
		                            <span>39.90</span>
		                        </div>
		                    </div>
		                </div>
		                <div class="curler-img2 curler-img3">
		                    <div class="left-img2">
		                        <img src="img/tf3.jpg">
		                    </div>
		                    <div class="right-img2">
		                        <div class="name">
		                            飞科卷直烫发器FH6856
		                        </div>
		                        <div>
		                            <span>
		                                。陶瓷漆涂层
		                            </span>
		                            <span>
		                                。防烫支架 
		                            </span>
		                            <span>
		                                。 360°旋转尾线
		                            </span>
		                        </div>
		                        <div class="price">
		                            <span>￥</span>
		                            <span>39.90</span>
		                        </div>
		                    </div>
		                </div>
		                <div class="curler-img2 curler-img4">
		                    <div class="left-img2">
		                        <img src="img/tf3.jpg">
		                    </div>
		                    <div class="right-img2">
		                        <div class="name">
		                            飞科卷直烫发器FH6856
		                        </div>
		                        <div>
		                            <span>
		                                。陶瓷漆涂层
		                            </span>
		                            <span>
		                                。防烫支架 
		                            </span>
		                            <span>
		                                。 360°旋转尾线
		                            </span>
		                        </div>
		                        <div class="price">
		                            <span>￥</span>
		                            <span>39.90</span>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
	
		<!-- 毛球修剪器 -->
		<div id="trimmer-con">
			<div class="haircut-con-top">
				<h3>毛球修剪器</h3> 	
				<p>查看更多
				<img src="img/箭头.png" ></p>
			</div>
			<ul class="trimmer-con-bottom">
				<li>
					<div class="picture picture01">
						<img class="img" src="img/tiremmer.png" >
					
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>
				<li>
					<div class="picture">
						<img class="img" src="img/tiremmer02.png" >
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>
				<li>
					<div class="picture picture01">
						<img class="img" src="img/tiremmer03.png" >
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>
				<li>
					<div class="picture picture01">
						<img class="img" src="img/tiremmer.png" >
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>
				<li>
					<div class="picture">
						<img class="img" src="img/tiremmer05.png" >
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>
				<li>
					<div class="picture">
						<img class="img" src="img/tiremmer06.png" >
						<div class="tiremmer-indide">
							<h3>飞科毛球修剪器FR5236</h3>
							<p>1小时快充 / 即插即用 / Type-C充电</p>
							<h5>￥ 39.9</h5>
						</div>
					</div>
				</li>	
			</ul>
		</div>
	
		<!-- 智能插座 -->
		<div id="socket">
			<div class="haircut-con-top">
				<h3>智能插座</h3> 	
				<p>查看更多
				<img src="img/箭头.png" ></p>
			</div>
			<div id="socket-bottom">
				<li>
					<img src="img/socket06.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
				<li>
					<img src="img/socket05.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
				<li>
					<img src="img/socket04.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
				<li>
					<img src="img/socket02.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
				<li>
					<img src="img/socket03.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
				<li>
					<img src="img/socket02.jpg" >
					<div class="socket-content">
						<div class="sleft">
							<h3>飞科插座转换器FS2098</h3>
							<p>独立安全保护门/750度安全阻燃</p>
						</div>
						<div class="sright">
							<h3>￥ <b>49.00</b></h3>
						</div>
					</div>
				</li>
			</div>
		</div>
		
		<!-- 主页图 -->
		<div id="body-con-scene">
			<a href=""><img src="img/scene.png" ></a>
		</div>
	
		<!-- 分页 -->
		<div class="other">
		    <button class="other-pre">&lt;</button>
		    <div class="other-con">
		        <ul class="other-ul">
		            <li>
		                <div>
		                    <img src="img/fy1.png">
		                </div>
		                <span>加湿器</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy2.png">
		                </div>
		                <span>女士剃毛器</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy3.png">
		                </div>
		                <span>健康秤</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy4.png">
		                </div>
		                <span>熨烫机</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy5.png">
		                </div>
		                <span>吸尘器</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy6.png">
		                </div>
		                <span>空气净化器</span>
		            </li>
		            <li>
		                <div>
		                    <img src="img/fy7.png">
		                </div>
		                <span>配件</span>
		            </li>
		        </ul>
		    </div>
		    <button class="other-nex">&gt;</button>
		</div>

		<!-- other -->
		<div id="other-con">
			<div id="other-con-left">
				<img src="img/other01.png" >
				<span>在线咨询</span>
			</div>
			<p></p>
			<div id="other-con-right">
				<ul>
					<li>
						<img src="img/other02.png" >
						<div class="otherImg">
							<img src="img/other03.jpg" >
						</div>
					</li>
					<li>
						<img src="img/other04.png" >
					</li>
					<li>
						<img src="img/other05.png" >
						<div class="otherImg">
							<img src="./img/other03.jpg" >
						</div>
					</li>
				</ul>
			</div>
		</div>
	
		<!-- footer -->
		<div id="footer">
		
		</div>
		<!-- 侧边栏 -->
		<div id="aside">
			<a href="">
				<img class="aside1" src="img/aside01.png" >
				<span>二维码</span>
				<div class="aside2">
					<img src="img/aside02.jpg" >
				</div>
			</a>
			<a href="">
				<img src="img/aside03.png" >
				<span>在线<br>客服</span>
			</a>
			<a href="">
				<div id="aside-bottom">
					<img src="img/aside04.png" >
				</div>
			</a>
		</div>
		
		<!-- 弹出 -->
		
	</body>
	
</html>
<script src="js/jquery.js"></script>
<script src="js/banner.js"></script>
<script type="text/javascript">
		// 头部
		$("#header-con").load("header.html",function(){});
		$("#footer").load("footer.html",function(){});
		
		
		// 分页
 		let pre = document.querySelector(".other-pre");
		let nex = document.querySelector(".other-nex");
		let ul = document.querySelector(".other-ul");
		nex.onclick = function() {
		    ul.style.left = ul.offsetLeft - 191 + "px";
		}
		pre.onclick = function() {
		    ul.style.left = ul.offsetLeft + 191 + "px";
		}
		//跳转详情页
		$(".at").click(function(){
			location.href = "details.html";
		})
		//侧边栏
		$(window).scroll(function(){
			//判断侧边栏大于300 出现
			if($(document).scrollTop() >= 300){
				$("#aside a:last").css({
					display:"block"
				});
				//判断大于300 点击返回顶部
				$("#aside a:last").click(function(){
					$(document).scrollTop() == 0;
				})
			}else{
				$("#aside a:last").css({
					display:"none"
				});
			}
			
		});
</script>